
<div class="g-dialog-container" *ngIf="visible" [@scale]  [ngStyle]="{'background':'rgba(0,0,0,+'+opacity+')','zIndex':zIndex}">
  <div class="dialog-window" [style.width.px]="width" [style.height.px]="height">
    <div [ngClass]="header" class="dialog-header"></div>
    <div class="dialog-content" [innerHTML]="message"></div>
    <div class="dialog-footer" *ngIf="footer">
      <ng-content select="yycf-footer"></ng-content>
    </div>
    <div class="dialog-footer" *ngIf="!footer">
      <button [ngClass]="okButton" (click)="accept()" *ngIf="okVisible">{{okLabel}}</button>
      <button [ngClass]="offButton" (click)="reject()" *ngIf="offVisible">{{offLabel}}</button>
    </div>
  </div>
</div>

